<template>
  <div class="grid">
      <slot :columnNumber="column_num"></slot>
  </div>
</template>

<script>
export default {
    props:{
        column_num:{
            type:Number,
            default:4
        }
    }
}
</script>

<style lang='scss' scoped>

.grid{
  width: 100%;
  display:flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
</style>